//覆盖一些element-ui样式
@import '~@/styles/variables.scss';

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}
.el-dialog__wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  justify-content: center;
  align-items: center;
  .el-dialog {
    // margin: 0 !important;
    max-height: 90vh;
    overflow: hidden;
  }
}

//暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  .el-dialog__footer {
    background: #fff;
  }
}

//文章页textarea修改样式
.article-textarea {
  textarea {
    padding-right: 40px;
    resize: none;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #bfcbd9;
  }
}

//element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

//dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

.el-button,
.el-button:hover {
  transition: opacity 0.3s ease-out;
}

.el-button {
  position: relative;
  // display: inline-flex !important; // 添加此属性有一点点效果，若日后出现大问题，可屏蔽。
  display: inline-flex; // 不能加 important ，否则v-show无效
  justify-content: center;
  align-items: center;
  > i,
  > span {
    vertical-align: middle;
  }

  i[class*='el-icon-'] {
    padding-right: 2px;
  }

  // & > [class^='el-icon-'] {
  //   line-height: 16px;
  // }
}

//  primary
.el-button--primary,
.el-button--primary:hover {
  background: linear-gradient(90deg, var(--secondColor), var(--mainColor));

  &:not(.is-plain) {
    border: 0;
  }
}

.el-button--primary:hover {
  opacity: 0.8;
}

//  info
.el-button--info,
.el-button--info:hover {
  //  background: linear-gradient(90deg, #44c4ff, #409eff);

  &:not(.is-plain) {
    border: 0;
  }
}

.el-button--info:hover {
  opacity: 0.8;
}

//  danger
.el-button--danger,
.el-button--danger:hover {
  background: linear-gradient(90deg, #f5896c, #f56c6c);

  &:not(.is-plain) {
    border: 0;
  }
}

.el-button--danger:hover {
  opacity: 0.8;
}

//  success
.el-button--success,
.el-button--success:hover {
  background: linear-gradient(90deg, #8edd67, #67c23a);

  //  border    : 0;
  &:not(.is-plain) {
    border: 0;
  }
}

.el-button--success:hover {
  opacity: 0.8;
}

//  warning
.el-button--warning,
.el-button--warning:hover {
  background: linear-gradient(90deg, #ffdd75, #ffb750);

  //  border    : 0;
  &:not(.is-plain) {
    border: 0;
  }
}

.el-button--warning:hover {
  opacity: 0.8;
}

// .el-table--medium td,
// .el-table--medium th {
//   padding: 8px 6px;
// }
// .el-table__fixed-right {
//   td,
//   th {
//     padding: 8px 0;
//   }
// }

.el-button--mini:not(.is-plain) {
  padding: 8px 17px;
}
.el-button--small:not(.is-plain) {
  padding: 10px 17px;
}
.el-button--mediua:not(.is-plain) {
  padding: 13px 22px;
}

// el-switch .el-switch.is-checked .el-switch__core::after
.el-switch {
  position: relative;
  min-width: 50px;
  height: 24px;
  line-height: 24px;
  &.is-checked {
    .el-switch__core {
      // background: #179bff;
      background: var(--mainColor);
      &:after {
        margin-left: -22px !important;
      }
    }
  }
  .el-switch__label,
  .el-switch__core {
    height: 24px;
  }
  .el-switch__core {
    // width: 100% !important;
    width: 100%;
    border-radius: 12px;
    border: none;
    background: #f1f1f1;
    &:after {
      box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
      width: 22px;
      height: 22px;
    }
  }
  .el-switch__label.is-active {
    color: #333;
  }
  .el-switch__label--right {
    position: absolute;
    right: 7px;
    top: -1px;
    margin-left: 0px;
    color: #999;

    &.is-active {
      color: #fff;
      left: 7px;
    }
    > span {
      font-size: 12px;
    }
  }
}

// 搜索栏
.search-box {
  display: flex;
  padding-bottom: 0;
  justify-content: flex-start;
  //  flex-direction: ;
  flex-wrap: wrap;

  &.el-form {
    .el-form-item {
      margin-right: 10px;
      margin-bottom: 0;
      &.el-form-item--mini.el-form-item {
        margin-bottom: 0;
      }
    }
  }

  .el-input--small .el-input__inner {
    height: 40px;
    line-height: 40px;
  }

  // $formH: 34px;
  .el-range-editor.el-input__inner,
  .el-input,
  .el-input .el-input__inner,
  .el-button,
  .el-form-item__content {
    // height        : $formH;
    // line-height   : $formH;
    vertical-align: middle;
  }

  .el-input {
    min-width: 130px;
  }

  .el-form-item__label {
    padding-right: 6px;
  }
}

.search-form-box {
  .el-form-item {
    margin-bottom: 0;
  }
}

.search-box .el-form-item__content {
  width: 100%;
}
.el-form-item__label {
  font-weight: bold;
  color: #80848f;
  .el-form-item__label_span {
    width: 100%;
  }
}

.el-table--striped,
.el-table {
  font-size: 12px;
  font-weight: normal;
  .cell {
    color: #1c2438;
  }

  .el-table__body {
    .el-table__row {
      $rowH: 40px;
      height: $rowH;
      line-height: $rowH;
    }

    // tr.el-table__row--striped.current-row td,
    // tr.current-row > td {
    //   background-color: #c9d895;
    // }
    .current-row {
      .cell {
        color: var(--currentRow);
      }
    }
  }

  .el-table__header {
    width: 100%;
    th {
      padding: 0;
      background-color: #f7f7f9;
      // background-color: var(--tableTrTh);
    }

    .el-table-column--selection {
      .cell {
        padding-left: 14px;
      }
    }
  }
}

.el-form {
  .has-prefix-icon {
    .prefixIcon-cls {
      padding-left: 6px;
      line-height: 40px;
    }
  }
  .el-form-item {
    margin: 0; // 不能去除，

    &.hide-label {
      .el-form-item__label {
        display: none;
      }
    }

    .el-form-item__label {
      // padding-right: 10px;
      padding-right: 6px;
      font-weight: normal;
    }
    .space-val-box,
    .only-read {
      white-space: pre-line;
    }
  }
}

//  dialog
.dialog-extend-box {
  .el-dialog {
    .el-dialog__header {
      padding: 10px;
      text-align: left;
      font-weight: bold;
      border-bottom: 1px solid $borderColor;

      .el-dialog__headerbtn {
        top: 10px;
      }
    }

    .el-dialog__body {
      position: relative;
      padding-bottom: 50px;
      width: 100%;

      .opration-box {
        position: absolute;
        bottom: 10px;
        left: 0;
        z-index: $dialogBottomBarZindex;
        padding-right: 10px;
        width: 100%;
        justify-content: flex-end;
      }
    }
  }
}

// 表单组件
.edit-form-box .editting, 
//  drawer dialog
.drawer-dialog {
  .el-drawer__container {
    .el-drawer {
      .el-drawer__header {
        margin-bottom: 0;
        padding: 10px;
        height: 40px;
        line-height: 40px;
        text-align: left;
        font-weight: bold;
        border-bottom: 1px solid $borderColor;
      }

      // .el-drawer__body {
      //   .opration-box {
      //     .log-btn {
      //       position: absolute;
      //       left: 12px;
      //       top: 15px;
      //       z-index: 10;
      //       font-size: 20px;
      //     }
      //   }
      // }
    }
  }

  // .el-form {
  .no-edit-form {
    // .el-form-item__content {
    .only-read,
    .keyin-body-form-item {
      padding: 0 6px;
      background-color: #f8f8f8;
      box-sizing: border-box;
    }
    .only-read {
      display: inline-block;
      width: 100%;
      min-height: 32px;
    }
    // }
  }
  .el-form-item {
    margin-bottom: 14px;

    // el-switch
    .el-switch {
      .el-switch__label--right {
        &.is-active {
          left: 7px;
        }
      }
    }
  }
  // }

  .opration-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: $dialogBottomBarZindex;
    padding: 10px 0;
    width: 100%;
    min-height: 53px;
    background-color: #fff;
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.1);

    .opration-wrap {
      margin: 0 auto;
      width: 98%;
      min-width: 200px;
    }

    .log-btn {
      position: absolute;
      left: 12px;
      top: 15px;
      z-index: 10;
      font-size: 20px;
    }
  }
}

.el-drawer__header {
  > span {
    outline: none;
  }
}

//  drawer form
.drawer-form-box {
  padding: 20px 0;
  height: calc(100% - 40px);
  overflow: hidden;
  overflow-y: auto;

  .drawer-form-wrap {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 94%;
  }
}

.el-loading-spinner {
  margin-top: 0 !important;
  padding-top: 7px;
  transform: translateY(-50%);
  .circular {
    $circularWH: 20px; // 根据表格附件设置
    // height: 2em !important;
    // width: 2em !important;
    width: $circularWH;
    height: $circularWH;
  }
}
.el-loading-mask {
  z-index: $loadingZindex !important;
}

// 公共表格（编辑和非编辑）
.common-table {
  .el-table {
    .el-loading-spinner i {
      font-size: 24px;
    }
    td {
      // .cell > div {
      //   display: inline-block;
      // }
      .cell {
        span {
          user-select: all;
          // white-space: pre-wrap;
          // overflow: hidden;
          // text-overflow: ellipsis;
          // white-space: nowrap;
          white-space: pre-line; // 合并空白符序列，但是保留换行符。
        }
        .table-opration-td {
          // 操作栏按钮
          span {
            white-space: normal;
          }

          .more-menu-dropdown {
            padding: 0 4px;
          }
        }

        span.keyin-body-form-item {
          white-space: normal;
        }
      }
      .more-menu-dropdown {
        border: none;
      }
    }
    // 单元格字体颜色 0.正常，1.红色，2.蓝色，3.绿色 4.橙色
    tr.has-tr-color td {
      &.bg-default {
        .a-link,
        .cell {
          // font-weight: bold;
          color: #203764;
        }
      }
      &.bg-red {
        .a-link,
        .cell {
          // font-weight: bold;
          color: red;
        }
      }
      &.bg-green {
        .a-link,
        .cell {
          // font-weight: bold;
          color: green;
        }
      }
      &.bg-blue {
        .a-link,
        .cell {
          // font-weight: bold;
          color: #63c49f;
        }
      }
      &.bg-origin {
        .a-link,
        .cell {
          // font-weight: bold;
          color: #ff7f00;
        }
      }
    }
  }

  .el-form-item__content {
    font-size: 12px;
  }
  .el-table__empty-block {
    width: 100% !important;
  }

  // table header
  .el-table__fixed,
  .el-table__fixed-right,
  .el-table__header-wrapper {
    th > .cell {
      padding: 10px 10px;
      line-height: 20px;
    }
    // 混合表头 样式标识
    .mixin-table-header > .cell {
      padding: 4px 10px;
    }

    .el-table__body,
    .el-table__header {
      .cell {
        color: #1c2438;
        // color: var(--tableTrThColor);
        font-weight: bold;
        font-size: 12px;
      }
    }
  }

  // table body
  .el-table__fixed-body-wrapper,
  .el-table__body-wrapper {
    .el-table__body {
      .cell {
        // padding: 0; // 这里不能写 padding 的任何属性，否则会出现fixed行高不一致。
        // color: #1c2438;
        font-weight: normal;
        font-size: 12px;
      }

      .tr-special {
        .cell {
          font-weight: bold;
        }
      }
    }
  }

  // fixed body
  .el-table__fixed,
  .el-table__fixed-body-wrapper {
    //  .el-table__header,
    .el-table__body {
      .cell,
      .el-link--inner {
        font-weight: normal;
        font-size: 12px;
      }
    }
  }

  .el-table__fixed,
  .el-table__fixed-right {
    box-shadow: 0 -9px 10px rgba(0, 0, 0, 0.12);
    // box-shadow: 0 -9px 10px red;

    &:before {
      background: none;
    }
  }

  // 附件
  .space-val-box {
    width: 100%;
  }
}

// .no-edit-table {
// }

// 编辑表格
.edit-common-table {
  position: relative;
  .el-table .cell,
  .el-table__body-wrapper .el-table__body .cell {
    color: var(--tableTrTh);
    .file-container {
      background: none;
    }
    span {
      user-select: auto;
    }
    .space-box {
      // $spaceH: 40px;
      // position: relative;
      width: 100%;
      height: 100%;
      // height: $spaceH;
      // line-height: $spaceH;
      background: #fff;

      &.required-error {
        border: 1px solid #f00;
      }

      .space-form-box {
        position: absolute;
        left: 0;
        // top: 50%;
        top: 0;
        z-index: 3;
        // padding: 4px;
        width: 100%;
        // height: 100%;
        // transform: translateY(-50%);
        &.space-form-select-box {
          top: 50%;
          transform: translateY(-50%);
          .el-input__inner {
            border: none;
          }
          &.el-select-tree {
            .el-input__inner {
              text-align: center;
            }
          }
        }
      }

      .edit-status-icon {
        position: absolute;
        top: -1px;
        right: -4px;
        z-index: 2;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffaf03;
        transform: rotate(45deg);
      }
    }

    .space-val-box {
      display: inline-block;
      position: relative;
      z-index: 3;
      padding: 0;
      width: 100%;
      // min-height: 40px;
      text-align: center;
      white-space: pre-wrap; // 后端返回数据，有换行符
    }
  }
  .el-table__fixed,
  .el-table__fixed-right,
  .el-table__header-wrapper {
    .el-table__header {
      .cell {
        color: #fff;
      }
    }
  }
  .el-table {
    td {
      padding: 0;
      position: relative;
    }
    .cell {
      padding: 0;
    }
    // 表头 0.正常，1.红色，2.蓝色，3.绿色 4.橙色
    th {
      &.bg-default {
        // background: #203764 !important;
        // background: $fourColor !important;
        background-color: var(--tableTrTh) !important;
        .a-link,
        .cell {
          color: var(--tableTrThColor);
        }
      }
      &.bg-red {
        background: red !important;
        .a-link,
        .cell {
          color: #fff;
        }
      }
      &.bg-green {
        background: var(--bgGreen) !important;
        .a-link,
        .cell {
          color: #fff;
        }
      }
      &.bg-blue {
        background: var(--mainColor) !important;
        .a-link,
        .cell {
          color: #fff;
        }
      }
      &.bg-origin {
        background: #ff7f00 !important;
        .a-link,
        .cell {
          color: #fff;
        }
      }
    }

    // el-switch
    .el-switch {
      .el-switch__label--right {
        &.is-active {
          color: #fff;
          left: -10px;
        }
      }
    }
  }

  .el-table__body-wrapper,
  .el-table__fixed,
  .el-table__fixed-right {
    $headH1: 40px;
    height: $headH1;
    .el-table__row {
      line-height: $headH1;
      text-align: center;
    }
  }

  th,
  td {
    padding: 0px 0px;
  }

  .el-textarea__inner {
    border-radius: 0;
  }

  .sticky-head {
    .el-table {
      overflow: visible;
    }
    .el-table__fixed-header-wrapper,
    .el-table__fixed-right .el-table__fixed-header-wrapper,
    .el-table__header-wrapper {
      // overflow: hidden; 实现表格body部分滚动时，header部分也滚动;
      // overflow: visible; 实现不了这个效果
      overflow: hidden;
      position: sticky;
      top: 0;
      z-index: 10;
    }
    table {
      // position: sticky;
      position: relative;
      top: 0;
      thead {
        position: relative;
        th {
          position: sticky;
          top: 0;
          z-index: 10;
        }
      }
    }
  }
}

// k目标，单元格优先等级颜色
.kTarget-common-page .edit-common-table {
  $kTargetPlantdH: 40px;
  .td {
    height: $kTargetPlantdH;
  }

  .level-td {
    text-align: center;
    line-height: $kTargetPlantdH;
    i {
      $levelWH: 14px;
      display: inline-block;
      width: $levelWH;
      height: $levelWH;
      // background: $dangerColor;
      border: 1px solid #717070;
      border-radius: 50%;
      &.level1 {
        background: #fff;
      }
      &.level2 {
        background: #bdbdbd;
      }
      &.level3 {
        background: #edb2a3;
      }
      &.level4 {
        background: $dangerColor;
      }
    }
  }

  .process-td {
    position: relative;
    padding: 0;
    line-height: $kTargetPlantdH;
    background-color: #e4e4e4;
    i {
      display: block;
      width: 40%;
      height: 100%;
      background: $dangerColor;
      &.success {
        background: #00b050;
      }
    }
    .percentage-num {
      $percentageW: 80px;
      position: absolute;
      top: 0;
      left: calc(50% - #{$percentageW} / 2);
      width: $percentageW;
    }
  }
  .status-td {
    line-height: $kTargetPlantdH;
    text-align: center;
    // $statusWH: 14px;
    i {
      display: inline-block;
      // width: $statusWH;
      // height: $statusWH;
      font-size: 16px;
      border-radius: 50%;
      &.success {
        color: #00b050;
      }
      &.error {
        color: $dangerColor;
      }
      &.doing {
        $doingWH: 10px;
        width: $doingWH;
        height: $doingWH;
        color: #fff;
        border: 1px solid #333;
        border-radius: 50%;
      }
    }
  }
}

.pagination-cls {
  margin-top: 2px;
  // margin-bottom: 10px; //
  text-align: right;
}

.el-dropdown-menu {
  padding: 6px 4px;

  .activeCls {
    background-color: var(--activeCls);
    color: var(--mainColor);
  }

  > .active {
    @extend .activeCls;
  }

  .el-dropdown-menu__item {
    margin: 4px 0;
    border-radius: 4px;

    &:focus,
    &:not(.is-disabled):hover {
      @extend .activeCls;
    }

    i.icon-cls {
      //  font-size: 18px;
    }

    .txt {
      $tH: 30px;
      height: $tH;
      line-height: $tH;
      vertical-align: middle;
    }
  }
}

.el-message {
  z-index: $elMeassageZindex !important;
  box-shadow: 0 0 10px 0 #acacac;
}

.el-confirm-zindex {
  z-index: 3000 !important;
}

// el-message el-message--warning is-closable

.el-message-box {
  // .el-message-box__header {
  // }

  .el-message-box__content {
    .el-message-box__message {
      p {
        letter-spacing: 1px;
        word-wrap: break-word;
        word-break: break-all;
      }
    }
  }
}

// message box confirm
.custom-msg-box {
  .el-message-box__header {
    border-bottom: 1px solid $borderColor;
  }

  .el-message-box__content {
    min-height: 120px;
    display: flex;
    justify-content: space-around;
    align-items: center;

    .el-message-box__message {
      padding: 0;
    }
  }

  .el-message-box__btns {
    border-top: 1px solid $borderColor;
  }
}

// message box error
.el-message--error {
  max-width: 80%;

  .el-message__content {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 22px;
  }
}

// el-card
.box-card {
  .el-card__header {
    padding: 14px 10px;

    .title-box {
      height: 20px;
      line-height: 20px;

      .title-l-line,
      > span {
        font-weight: 700;
      }

      .setting-cls {
        font-size: 12px;
      }
    }
  }
}

// simple-steps
.simple-steps-box {
  $stepsBWH: 57px;
  $transgleW: $stepsBWH/2;
  position: relative;
  height: $stepsBWH;
  overflow: hidden;
  //  border-bottom   : 1px solid $borderColor;
  background-color: $bgColor;

  &:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    border-left: $stepsBWH solid #fff;
    border-top: $transgleW solid transparent;
    border-right: 0 solid transparent;
    border-bottom: $transgleW solid transparent;
  }

  &:after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    border-left: 57px solid #f8f8f8;
    border-top: 28.5px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 28.5px solid #fff;
  }

  .stepx-wrap {
    margin: 0 auto;
    // padding-top: 10px;
    width: 80%;

    .el-steps {
      $normalColor: #c0c4cc;
      $stepsIconWH: 30px;
      background: none;

      .el-step__line {
        top: 15px;
      }

      .el-step__icon {
        width: $stepsIconWH;
        height: $stepsIconWH;
        overflow: hidden;
        border: 1px solid $normalColor;
        border-radius: 50%;

        .el-step__icon-inner {
          font-weight: normal;
          color: $normalColor;
        }
      }

      .is-finish {
        .el-step__icon,
        .el-step__icon.is-text {
          background: var(--mainColor);
          border-color: var(--mainColor);

          .el-step__icon-inner {
            color: #fff;
          }
        }
      }

      .el-step__title.is-wait,
      .el-step__title.is-process {
        color: $normalColor;
        font-weight: normal;
      }
    }
  }
}
// 每个节点根据状态显示颜色
.steps-status-box {
  .el-step {
    // .el-step__main,
    // .el-step__head {
    //   padding-top: 10px;
    // }
    .el-step__description {
      padding-right: 0;
    }
    .label {
      font-weight: normal;
    }
    .val {
      color: #8c8c8c;
    }
  }
  .success-status {
    border-color: $successColor;
    .el-step__head {
      color: $successColor;
      border-color: $successColor;
    }
    .el-step__title {
      color: $successColor;
    }
    .el-step__description {
      color: $successColor;
    }
  }

  .wait-status {
    border-color: $warningColor;
    .el-step__head {
      color: $warningColor;
      border-color: $warningColor;
    }
    .el-step__title {
      color: $warningColor;
    }
    .el-step__description {
      color: $warningColor;
    }
  }

  .error-status {
    border-color: $dangerColor;
    .el-step__head {
      color: $dangerColor;
      border-color: $dangerColor;
    }
    .el-step__title {
      color: $dangerColor;
    }
    .el-step__description {
      color: $dangerColor;
    }
  }

  .info-status {
    border-color: $infoColor;
    .el-step__head {
      color: $infoColor;
      border-color: $infoColor;
    }
    .el-step__title {
      color: $infoColor;
    }
    .el-step__description {
      color: $infoColor;
    }
  }
}

.tree-box {
  .el-tree-node__content {
    font-size: 14px;
  }
  .el-tree--highlight-current .el-tree-node {
    .is-current {
      > .el-tree-node__content {
        color: #fff;
        background: var(--mainColor);
      }
    }
  }
}

// 在使用 el-tree 的外层再加一层样式，实现选中加底色
.tree-highlight-bg .el-tree-node {
  &.is-current,
  .is-current {
    > .el-tree-node__content {
      color: #fff;
      background-color: var(--mainColor) !important;
    }
  }
}

//  progress
.el-progress-bar__inner {
  background-color: #67c23a;
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: var(--mainColor) !important;
}

//  点击查看大图
.el-image-viewer__wrapper {
  z-index: 3000 !important; // 需要覆盖 editTable 吸顶表头
  .el-image-viewer__close {
    color: #fff;
  }
}

.el-range-editor .el-range-separator {
  min-width: 26px !important;
}

.el-tooltip__popper.is-light[x-placement^='left'] .popper__arrow {
  border-left-color: #656565;
}
.el-tooltip__popper.is-light {
  border: 1px solid #9c9c9c;
}

.el-button--primary {
  a {
    color: #fff;
  }
}

// .el-card__body {
//   &.scroll-bar::-webkit-scrollbar {
//     width: 6px;
//   }

//   &.scroll-bar-h0::-webkit-scrollbar {
//     width: 0px;
//   }

//   &.scroll-bar::-webkit-scrollbar-thumb {
//     background: rgba(0, 0, 0, 0.2);
//   }

//   &.scroll-bar::-webkit-scrollbar-track {
//     // border-radius: 0;
//     background: rgba(0, 0, 0, 0.1);
//   }
// }

// alert
.el-alert {
  // display: flex;
  // justify-content: flex-start;
  .el-alert__description {
    margin-top: 0;
  }
}

.el-checkbox--small {
  .el-checkbox__input {
    vertical-align: text-top !important;
  }
  .el-checkbox__label {
    line-height: 23px !important;
  }
}


.score-cls {
  display: inline-block;
  padding-left: 20px;
  min-width: 16px
}